$(function() {
    //设置图表1
    //1. 初始化echarts实例
    var myChart = echarts.init(document.getElementById('chart1'));
    //2. 准备数据
    var option = {
        title: {
            text: '2020年注册人数'
        },

        //提示工具
        tooltip: {
            trigger: 'axis'
        },

        //图例
        legend: {
            data: ['销量']
        },

        // x轴
        xAxis: {
            data: ["一月", "三月", "五月", "七月", "九月", "十一月"]
        },

        //y轴
        yAxis: {},

        series: [{
            name: '销量',
            type: 'bar', //图表类型
            data: [5, 20, 36, 10, 10, 20]
        }]
    };
    //3. 根据数据生成图表
    myChart.setOption(option);

    //设置图表2
    //1. 初始化echarts实例
    var myChart2 = echarts.init(document.getElementById('chart2'));
    //2. 准备数据
    var option2 = {
        title: {
            text: '热销品牌排行',
            subtext: '2020年9月',
            left: 'center'
        },
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b} : {c} ({d}%)'
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: ['耐克', '阿迪达斯', '匡威', '回力', '彪马']
        },
        series: [{
            name: '访问来源',
            type: 'pie',
            radius: '55%',
            center: ['50%', '60%'],
            data: [
                { value: 335, name: '耐克' },
                { value: 310, name: '阿迪达斯' },
                { value: 234, name: '匡威' },
                { value: 135, name: '回力' },
                { value: 1548, name: '彪马' }
            ],
            emphasis: {
                itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }]
    };
    //3. 根据数据生成图表
    myChart2.setOption(option2);
});